<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			p{
				background-color: orange;
			}
			.text2{
				text-align: center;
			}
			.text3{
				text-align: left;
			}
			.text4{
				text-align: right;
			}
			.text5{
				text-align: justify;
			}
			.text6{
				/* 兼容不太好 */
				text-align-last:justify ;
			}
			.text7{
				font-size: 14px;
				line-height: 64px;
				/* 行高的范围包括文字大小 */
			}
			.text8{
				font-size: 14px;
				line-height: 2;
			}
			.text9{
				font-size: 14px;
				line-height: 300%;
			}
			.text10{
				/* 当行高的数值=文字大小的时候，可以清除文字的垂直间距 */
				font-size: 20px;
				/* line-height: 20px; */
				line-height: 100px;
			}
			.text11{
				text-indent: 20px;
			}
			.text12{
				text-indent: -20px;
			}
			.text13{
				text-decoration: underline;
			}
			.text14{
				text-decoration: overline;
			}
			.text15{
				text-decoration: line-through;
			}
			.text16{
				text-decoration: none;
			}
			a{
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<!-- p.text${我是文字内容}*20 -->
		<p class="text1">我是文字内容我是文字内容我是文字内容我是文字34内,容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容</p>
		<p class="text2">我是文字内容</p>
		<p class="text3">我是文字内容</p>
		<p class="text4">我是文字内容</p>
		<p class="text5">我是34文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是,文字内容我是文字内容我是文字内容我是文字内容我是文字内容</p>
		<p class="text6">我是文字内容</p>
		<p class="text7">我是文字内容</p>
		<p class="text8">我是文字内容</p>
		<p class="text9">我是文字内容</p>
		<p class="text10">我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容</p>
		<p class="text11">我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容我是文字内容</p>
		<p class="text12">我是文字内容</p>
		<p class="text13">我是文字内容</p>
		<p class="text14">我是文字内容</p>
		<p class="text15">我是文字内容</p>
		<p class="text16">我是文字内容</p>
		<a href="">我是超链接</a>
		<p class="text17">我是文字内容</p>
		<p class="text18">我是文字内容</p>
		<p class="text19">我是文字内容</p>
		<p class="text20">我是文字内容</p>
	</body>
</html>
